<template>
  <svg
    t="1753154586046"
    class="music-record-icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="9789"
    :width="size"
    :height="size"
  >
    <path
      d="M512 1003.52c-271.44192 0-491.52-220.07808-491.52-491.52s220.07808-491.52 491.52-491.52 491.52 220.07808 491.52 491.52-220.07808 491.52-491.52 491.52z m0-40.96c248.832 0 450.56-201.728 450.56-450.56s-201.728-450.56-450.56-450.56-450.56 201.728-450.56 450.56 201.728 450.56 450.56 450.56z"
      :fill="color"
      p-id="9790"
    ></path>
    <path
      d="M512 593.92a81.92 81.92 0 1 1 0-163.84 81.92 81.92 0 0 1 0 163.84z m0-40.96a40.96 40.96 0 1 0 0-81.92 40.96 40.96 0 0 0 0 81.92z"
      :fill="color"
      p-id="9791"
    ></path>
    <path
      d="M512 716.8a204.8 204.8 0 1 1 0-409.6 204.8 204.8 0 0 1 0 409.6z m0-40.96a163.84 163.84 0 1 0 0-327.68 163.84 163.84 0 0 0 0 327.68zM880.64 512a367.49312 367.49312 0 0 0-109.3632-262.02112 20.48 20.48 0 1 0-28.79488 29.0816A326.53312 326.53312 0 0 1 839.68 512a20.48 20.48 0 1 0 40.96 0zM251.0848 753.74592a367.49312 367.49312 0 0 1-107.9296-262.59456 20.48 20.48 0 1 1 40.96 0.2048 326.53312 326.53312 0 0 0 95.96928 233.43104 20.48 20.48 0 0 1-28.95872 28.95872z"
      :fill="color"
      p-id="9792"
    ></path>
  </svg>
</template>

<script>
  export default {
    name: "ShareIcon",
    props: {
      size: {
        type: [Number, String],
        default: 50,
      },
      color: {
        type: String,
        default: "#979797",
      },
    },
  };
</script>

<style scoped>
  .music-icon {
    display: inline-block;
    vertical-align: middle;
  }
</style>
